import React, { useState,useEffect } from 'react'
import { Search, CommentO } from '@react-vant/icons'
import { getUserFullInfo } from '@/api/index'
import './index.less'
import avatarDefault from '@/assets/images/avatarDefault.png'

const Index = () => {
  const UserFullInfo = () => {
    getUserFullInfo({
      gids: 2,
    }).then(res => {
      // console.log(res)
    })
  }

  useEffect(() => {
    UserFullInfo()
  },[])

  return (
    <div className="mhy-header">
      <div className="mhy-game-sletctor">
        <div className="mhy-game-menu">
          <i className="mhy-icon"></i>
          <span>原神</span>
        </div>
      </div>
      <div className="title-text"></div>
      <div className="header-right">
        <i className="mhy-icon notify-icon">
          <Search />
        </i>
        <i className="mhy-icon notify-icon">
          <CommentO />
        </i>
        <div className='mhy-account-avatar header-avatar'>
          <img src={avatarDefault} />
        </div>
      </div>
    </div>
  )
}

export default Index
